<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
	<title>Comic Transitions</title>
	<script src="./js/jquery-1.4.4.min.js" type="text/javascript"></script>
	<script src="./js/jquery.jcrop.min.js" type="text/javascript"></script>
	<script src="./js/jquery-ui-1.8.10.custom.min.js" type="text/javascript"></script>
	<script src="./js/objects.js" type="text/javascript"></script>
	<script src="./js/one.js" type="text/javascript"></script>
	<link href="./css/comics.css" rel="stylesheet" type="text/css" />
	<link href="./css/jquery.Jcrop.css" rel="stylesheet" type="text/css" />
</head>
<body>
	<div id="wrap">
		<div id="header">
		</div>
		<div id="body">
			<div id="comic">
				<img src="./img/stirp.jpg" alt="" id="strip" />
			</div>
		</div>
		<!-- <div id="tools">
			<div class="header">
			
			</div>
			<table>
				<tbody>
					<tr>
						<td><input type="button" id="addTransition" value="Add" /></td>
						<td><input type="button" id="" /></td>
					</tr>
					<tr>
						<td><input type="button" id="" /></td>
						<td><input type="button" id="" /></td>
					</tr>
				</tbody>
			</table>
		</div> -->
		<div id="timeline"></div>
		<div id="data"></div>
		<div id="actions" class="actions">
			<input type="text" id="sequenceName"/>
			<a id="saveSequence">Save</a>
			<select id="comics">
				<%
					request.comics.each{comic ->
				%>
					<option value=<%=comic.key.id%>><%=comic.name%></option>
				<%
					}
				%>
			</select>
			<a id="loadSequence">Load</a>
			
			<a id="clearSequence">Clear</a>
			
			<a id="playSequence">Play</a>
			
		</div>
	</div>
</body>
</html>


